@charset "utf-8";

@function vw($a) {
    @return ( $a / 640) * 100vw;
}

header{
    font-size: vw(30);
    line-height: vw(75);
    box-sizing: border-box;
    padding: 0 vw(28);
    .header-left{
        float: left;
        .iconfont{
            font-size: vw(30);
        }
    }
    .header-right{
        float: right;
        width: vw(78);
        height: vw(55);
        input{
            font-size: vw(24);
            width: 100%;
            height: 100%;
            background: #fff;
        }
    }
    .header-middle{
        text-align: center;
        font-weight: 500;
    }
}

section{
    width: 100%;
    top: vw(75);
    bottom: 0;
    padding-top: vw(37);
    border-top: vw(1) solid #a7a7a7;
    .logo{
        width: vw(239);
        height: vw(214);
        margin: 0 auto;
        img{
            width: 100%;
            height: 100%;
        }
    }
    h6{
        font-size: vw(20);
        text-align: center;
        line-height: vw(54);
    }
    p{
        font-size: vw(24);
        text-align: center;
        line-height: vw(73);
    }
    ul{
        width: vw(485);
        margin: 0 auto;
        padding-top: vw(10);
        li{
            .privilege{
                width: vw(79);
                height: vw(90);
                img{
                    width: 100%;
                    height: 100%;
                }
            }
            img:hover{
                transform: scale(1.5);
            }
            .privilege:last-of-type{
                width: vw(92);
                height: vw(80);
                margin: 0 auto;
            }
        }
        li:first-child{
            float: left;
        }
        li:nth-child(2){
            float: right;
        }
    }
    .approve{
        margin-top:vw(140) ;
        .approve-button{
            width: vw(430);
            height: vw(80);
            margin: 0 auto;
            padding: vw(10) 0;
            input{
                width: 100%;
                height: 100%;
                background: #333333;
                color: #fff;
                font-size: vw(30);
                border-radius: vw(5);
            }
            input[type="button"]:hover{
                color: #333333;
                background: #fff;
                box-sizing: border-box;
                border: 1px solid #333333;
            }
        }
    }
}
